<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../../../css/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../css/easyui.css">
    <script type="text/javascript" src="../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">

        var array=new Array(false,false,false);
        $(function () {
            var tabs=$('#tabs');
            tabs.tabs({
                onSelect:function(title,index){
                    var src='';
                    if(index==0){
                        src='part_list.html';
                    }else if(index==1){
                        src='partSupplier_list.html';
                    }else if(index==2){
                        src='partCustomer_list.html';
                    }

                    if(!array[index]){
                        var selected = tabs.tabs('getSelected');
                        tabs.tabs('update', {
                            tab: selected,
                            options: {
                                title: title,
                                content: '<iframe scrolling="no" frameborder="0"  src="'+src+'" style="width:100%;height:100%;"/>'  // 请求新的内容的URL
                            }
                        });
                        array[index]=true;
                    }
                }
            });
        });
    </script>
</head>
<body>
<div id="tabs" class="easyui-tabs" fit="true" border="false">
    <div title="零件基本信息">
    </div>
    <div title="零件--供应商">
    </div>
    <div title="零件--客户">
    </div>
</div>
</body>
</html>